<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="renderer" content="webkit" />
    <title>Document</title>
    <link rel="stylesheet" href="static/css/style.css" />
    <link rel="stylesheet" href="static/css/public.css" />
    <!-- 本页单独样式 -->
    <link rel="stylesheet" href="static/css/about.us.css" />
    <link rel="stylesheet" href="static/css/common.css" />
    <!-- 本页单独样式end -->
    <script src="static/js/jQuery.js"></script>
    <script src="static/js/layui.js"></script>
    <script src="static/js/swiper-bundle.min.js"></script>
  </head>

  <body>
    <header class="com-header"></header>
    <script>
      $(function () {
        $('.com-header').load('component/header.html'); //加载导航栏s
      });
      // document.querySelector('.com-header').style.position = 'sticky';
    </script>
    <main>
      <section class="about-us-s1">
        <div class="w155.index-s70">
          <div class="about-us-s1-content w1550">
            <div class="about-us-s1-content-left">
              <div class="about-us-s1-content-title">
                <div class="product-s1-content-nav about-us-s1-nav">
                  <div class="product-s1-content-nav-icon">
                    <img src="static/images/other/product-s1-icon1.png" alt="ctmon" />
                  </div>
                  <a href="index.html" class="product-s1-content-nav-link">Home</a>
                  <div class="product-s1-content-nav-link-img">&gt;</div>
                  <a href="support.html" class="product-s1-content-nav-link">Support</a>
                  <div class="product-s1-content-nav-link-img">&gt;</div>
                  <a href="accessories.html" class="product-s1-content-nav-link">After Sales Support</a>
                </div>
                <p class="about-us-s1-content-title-p1">About Us</p>
                <p class="about-us-s1-content-title-p2">
                  Longwill Technology, founded in 2014, specializes in manufacturing high-quality filling and capping
                  machines for e-cigarette oil and CBD oil industries. We provide both fully automat- ic and
                  semi-automatic solutions, including reliable cartridge filling and capping machines. Led by Chief
                  Engineer James, with 20+ years of industry expertise, we are committed to in- novation and efficiency,
                  serving clients worldwide.
                </p>
                <button class="about-us-s1-content-title-btn wpx-btn pop">Contact us</button>
              </div>
            </div>
            <div class="about-us-s1-content-right">
              <div class="about-us-s1-content-right-img">
                <img src="static/images/other/about-s1.png" alt="ctmon" />
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="about-us-s2">
        <div class="w1550">
          <div class="about-us-s2-content">
            <div class="act-word-item">
              <div class="act-word-top">
                <div class="spans">
                  <span class="number">20</span>
                  <span class="bot">+</span>
                </div>
                <div class="act-word-bottom">Years of Experience</div>
              </div>
            </div>
            <div class="act-word-item">
              <div class="act-word-top">
                <div class="spans">
                  <span class="number">2000</span>
                  <span class="bot">+</span>
                </div>
                <div class="act-word-bottom">Square Meters</div>
              </div>
            </div>
            <div class="act-word-item">
              <div class="act-word-top">
                <div class="spans">
                  <span class="number">100</span>
                  <span class="bot">%</span>
                </div>
                <div class="act-word-bottom">Quality Guarantee</div>
              </div>
            </div>
            <div class="act-word-item">
              <div class="act-word-top">
                <div class="spans">
                  <span class="number">24</span>
                  <span class="bot">+</span>
                </div>
                <div class="act-word-bottom">Hours Customer Service</div>
              </div>
            </div>
            <div class="act-word-item">
              <div class="act-word-top">
                <div class="spans">
                  <span class="number">48</span>
                  <span class="bot">+</span>
                </div>
                <div class="act-word-bottom">Hours Shipping Out</div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="product-roll titlecommon">
        <div class="product-roll-anli">
          <div class="new-product-title wow fadeInUp">
            <h2 class="zhuo">Our Culture & Vision</h2>
          </div>
        </div>
        <div class="eve">
          <div class="swiper swiper_wpx">
            <div class="swiper-wrapper">
              <!-- <div class="swiper-slide">
                <img src="./static/images/other/about-s3-1.png" alt="ctmon" />
                <div class="chinna">
                  <p class="chinna-pone">Our Culture</p>
                  <p class="chinna-ptwo">
                    At Longwill, we believe in creating solutions that not only maximize operational efficiency but also
                    minimize costs for our clients. Our commitment to precision ensures that every machine we deliver is
                    designed with the highest level of accuracy, empowering businesses to achieve better productivity
                    and cost-effectiveness.
                  </p>
                  <p class="chinna-ptwo">Efficiency and Precision, Saving you More.</p>
                </div>
              </div>
              <div class="swiper-slide">
                <img src="./static/images/other/about-s3-1.png" alt="ctmon" />
                <div class="chinna">
                  <p class="chinna-pone">Our Culture</p>
                  <p class="chinna-ptwo">
                    At Longwill, we believe in creating solutions that not only maximize operational efficiency but also
                    minimize costs for our clients. Our commitment to precision ensures that every machine we deliver is
                    designed with the highest level of accuracy, empowering businesses to achieve better productivity
                    and cost-effectiveness.
                  </p>
                  <p class="chinna-ptwo">Efficiency and Precision, Saving you More.</p>
                </div>
              </div>
              <div class="swiper-slide">
                <img src="./static/images/other/about-s3-1.png" alt="ctmon" />
                <div class="chinna">
                  <p class="chinna-pone">Our Culture</p>
                  <p class="chinna-ptwo">
                    At Longwill, we believe in creating solutions that not only maximize operational efficiency but also
                    minimize costs for our clients. Our commitment to precision ensures that every machine we deliver is
                    designed with the highest level of accuracy, empowering businesses to achieve better productivity
                    and cost-effectiveness.
                  </p>
                  <p class="chinna-ptwo">Efficiency and Precision, Saving you More.</p>
                </div>
              </div> -->
              <div class="swiper-slide">
                <img src="./static/images/other/about-s3-1.png" alt="ctmon" />
                <div class="chinna">
                  <p class="chinna-pone">Our Culture</p>
                  <p class="chinna-ptwo">
                    At Longwill, we believe in creating solutions that not only maximize operational efficiency but also
                    minimize costs for our clients. Our commitment to precision ensures that every machine we deliver is
                    designed with the highest level of accuracy, empowering businesses to achieve better productivity
                    and cost-effectiveness.
                  </p>
                  <p class="chinna-ptwo">Efficiency and Precision, Saving you More.</p>
                </div>
              </div>
              <div class="swiper-slide">
                <img src="./static/images/other/about-s3-1.png" alt="ctmon" />
                <div class="chinna">
                  <p class="chinna-pone">Our Culture</p>
                  <p class="chinna-ptwo">
                    At Longwill, we believe in creating solutions that not only maximize operational efficiency but also
                    minimize costs for our clients. Our commitment to precision ensures that every machine we deliver is
                    designed with the highest level of accuracy, empowering businesses to achieve better productivity
                    and cost-effectiveness.
                  </p>
                  <p class="chinna-ptwo">Efficiency and Precision, Saving you More.</p>
                </div>
              </div>
              <div class="swiper-slide">
                <img src="./static/images/other/about-s3-1.png" alt="ctmon" />
                <div class="chinna">
                  <p class="chinna-pone">Our Culture</p>
                  <p class="chinna-ptwo">
                    At Longwill, we believe in creating solutions that not only maximize operational efficiency but also
                    minimize costs for our clients. Our commitment to precision ensures that every machine we deliver is
                    designed with the highest level of accuracy, empowering businesses to achieve better productivity
                    and cost-effectiveness.
                  </p>
                  <p class="chinna-ptwo">Efficiency and Precision, Saving you More.</p>
                </div>
              </div>
            </div>
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </section>
      <section class="index-s7">
        <div class="w1400">
          <div class="index-s7-content">
            <div class="index-s7-title">
              <h2 class="index-s7-title-text-one">Longwill Certificates</h2>
              <p></p>
            </div>
            <p class="index-s7-title-text-two">
              All machines have passed CE and FCC certifications, allowing them to be sold in most countries worldwide.
              Additionally, the silicone tubing has passed the LFGB <br />
              test in Germany, the pumps and oil barrels have passed the FDA test in the United States, and all
              materials in contact with the oil are safe.
            </p>
          </div>
          <div class="swiper-index">
            <div class="swiper-wrapper swiper-wrapper-ph">
              <div class="swiper-index-imgindex-img"></div>
              <div class="swiper-index-imgindex-img"></div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-2.png"
                  src="static/images/index/s8-2.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-3.png"
                  src="static/images/index/s8-3.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-index-imgindex-img"></div>
              <div class="swiper-index-imgindex-img"></div>
              <div class="swiper-index-imgindex-img"></div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-4.png"
                  src="static/images/index/s8-4.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-4.png"
                  src="static/images/index/s8-4.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-5.png"
                  src="static/images/index/s8-5.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-6.png"
                  src="static/images/index/s8-6.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-index-imgindex-img"></div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-7.png"
                  src="static/images/index/s8-7.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-8.png"
                  src="static/images/index/s8-8.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-9.png"
                  src="static/images/index/s8-9.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-10.png"
                  src="static/images/index/s8-10.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-11.png"
                  src="static/images/index/s8-11.png"
                  alt="ctmon"
                />
              </div>
              <div class="swiper-slide swiper-index-imgindex-img">
                <img
                  class="img-pop-btn"
                  img-data="static/images/index/s8-12.png"
                  src="static/images/index/s8-12.png"
                  alt="ctmon"
                />
              </div>
            </div>
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </section>
    </main>
    <!-- 图片+视频弹窗 -->
    <div class="com-pop-video">
      <div class="com-pop-video-box">
        <div class="com-pop-content">
          <video class="pop-video" controls="controls" autoplay="autoplay" muted="muted" loop="loop"></video>
          <img class="pop-img" alt="ctmon" />
        </div>
      </div>
      <div class="close-pop-btn">X</div>
    </div>
    <!-- 图片+视频弹窗 -->
    <footer class="com-footer">
      <script>
        $(function () {
          $('.com-footer').load('component/footer.html'); //加载页脚
        });

        // 轮播
      </script>
    </footer>
    <script src="static/js/jquery.counterup.js"></script>
    <script src="static/js/swiper-bundle.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/gsap.min.js"></script>
    <script src="static/js/ScrollTrigger.min.js"></script>
    <script src="static/js/form.js"></script>
    <script src="static/js/public.js" defer></script>
  </body>
</html>
